.special_th {
  color: #ee0000;
  font-weight: bold;
}

.red {
  color: #ff0000;
}

.text_style_1 {
  color: #b00000;
}

.noFooterButtonModal .ant-modal-confirm-btns {
  display: none;
}

.common_image {
  width: 80px;
  height: auto;
  border-radius: 12%;
  overflow: hidden;
}

.paddingContextModal .ant-modal-confirm-content {
  padding-top: 30px;
  padding-bottom: 30px;
}

.order_table .ant-table-tbody > tr > td {
  padding: 0;
}
.order_table tbody {
  vertical-align: top;
}
.cursor {
  cursor: pointer;
}

.ellips_text,.fileList .fileName {
  width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.msg_icon {
  font-size: 22px;
  cursor: pointer;
  color: rgb(10, 157, 241);
}

.circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/*页面块状*/
.colorBlock {
  background-color: rgba(240, 240, 240, 1);
  padding: 10px;
}
.colorBlock .colorBlock_child {
  background-color: #fff;
  padding: 10px;
}

/***font-color-list*/
.font_red {
  color: #f60e0e;
}
.font_green,
.green {
  color: #067706;
}

.deepGray {
  color: #1b1515;
}

.shadow-card {
  width: 100%;
  overflow: hidden;
  box-shadow: 0px 0px 4px 1px rgba(123, 123, 123, 0.5);
  padding: 10px;
}

.divider {
  width: 100%;
  overflow: hidden;
  height: 1px;
  border-bottom: 1px solid rgba(123, 123, 123, 0.2);
  margin: 5px 0px 5px 0px;
}

.affix {
  width: 100%;
  background-color: #fff;
  padding-top: 10px;
  display: flex;
  justify-content: flex-end;
}

#draw28 {
  position: absolute;
  left: -10000px;
  top: 0;
}
.underLine {
  text-decoration: underline;
}
.rule {
  width: 100%;
  height: 10000px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.rule_one {
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.search_form .ant-row.ant-form-item {
  margin-bottom: 3px;
}
.flex-h-end {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.header{
  color: #fff;
  display: flex;
  justify-content: space-between;
}
.logo{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fileList{
  display: flex;
  flex-wrap: wrap;
}
.fileList>*{
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border:1px solid #e0e0e0;
  margin-bottom: 20px;
  flex-direction: column;
  cursor: pointer;
  user-select: none;
  position: relative;
  padding: 10px;
  border-radius: 5%;
  overflow: hidden;
}

.fileList>* .tools,.fileList>* .selector{
  position: absolute;
  top:0;
  right: 5px;
  display: none;
  line-height: 2px;
  z-index: 10;
}
.fileList>* .tools{
  color:#ff0000;
  text-shadow: 10px 10px #f00f00;

}
.fileList>* .selector{
  right: auto;
  left: 2px;
  top:2px;
  display: block;

}
.fileList>*:hover .tools
{
  display: block;
}

.fileList>*:last-child{
  margin-right: 0;
}

.fileList .folder_icon{
 font-size: 50px;
 color: rgba(233,177,41,1);
}
.fileList .folder_image{
  max-width: 100%;
  display: flex;

justify-content: center;
  align-items: center;
 }
 .fileList .file_content{
   width:100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 .fileList .fileName {
   text-align: center;
 }
 /* .fileList .rightMenu{
   position: absolute;
   left: -10000px;
   z-index: 1000;
   border:1px solid #ff00ff;
 } */

 .folder_loading{
   position: absolute;
   left: 0;
   top:0;
   right:0;
   bottom: 0;
   display: flex;
   justify-content: center;
   align-items: flex-end;
 }

 .fileList>*:hover{
  opacity: 0.7;
}

/*list start*/

.fileList.list{
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.fileList.list>*{
  width:100%;
  height:30px;
  border:0;
  padding: 0;
  border-radius: 0;
  border-bottom: 1px dashed #f0f0f0;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
.fileList.list>* .file_content,.fileList.list>* .folder_image{

  display: grid;
  grid-template-columns: 10% 30% 10% 20% 20% 10% ;
  align-items: flex-start;
  justify-content: flex-start;
  width:100%;

}

.fileList.list>* .folder_image img{
  max-width: 50px;
  
}
.fileList.list>* .selector{
  font-size: 12px;;
}
.fileList.list>*  .tools svg{
  font-size: 12px;
  display: none
}
.fileList.list>* .folder_icon{
  font-size: 22px;
}
.fileList.list>*  .fileName{
  text-align: left;
}
/*list end*/
/*middle*/

.fileList.middle>*{
  width:120px;
  height: 120px;
}
.fileList.middle>* .selector{
  font-size: 30px;
}
.fileList.middle>* .folder_icon{
  font-size: 50px;
}
.fileList.middle>* .folder_image{
  width:120px;
  
}

.fileList.middle>*  .tools svg{
  font-size: 30px;
}
/*middle*/

/*large*/

.fileList.large>*{
  width:200px;height: 200px;
}
.fileList.large>* .selector{
  font-size: 50px;
}
.fileList.large>* .folder_icon{
  font-size: 70px;
}
.fileList.large>* .folder_image{
  width:200px;
}
.fileList.large>*  .tools svg{
  font-size: 30px;
}

/*large end*/


/*small*/

.fileList.small>*{
  width:80px;height: 80px;
}
.fileList.small>* .selector{
  font-size: 20px;
}
.fileList.small>* .folder_icon{
  font-size: 30px;
}
.fileList.small>* .folder_image{
  width: 80px;
}
.fileList.small>*  .tools svg{
  font-size: 20px;
}

/*small end*/





 img{
   max-width: 100%;
   height: auto;
 }
 .vh69{
   min-height: 69vh;
 }

 .right_menu {
  position: absolute;
  min-width: 150px;
  z-index: 10000;
  box-shadow: 0px 0px 10px rgba(123, 123, 132, 0.3);
}
 .right_menu li.ant-menu-item {
  height: 30px;
  line-height: 30px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding:5px 0px 5px 0px;
  height: auto;
}
.right_menu li.ant-menu-item:hover{
  background-color: rgba(123, 123, 123, 0.2);
}

.ant-dropdown-menu-item  .ant-dropdown-menu-title-content,.ant-dropdown-menu-item  .ant-dropdown-menu-title-content .ant-btn{
  display: inline-block;
  width: 100%;
}

.ant-space{
  display: flex;
  flex-wrap: wrap;
}